{{--前台用户注册模板--}}
    <!DOCTYPE html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
    <meta charset="utf-8">
    <title>优生活会员注册</title>
    <link href="https://cdn.bootcss.com/twitter-bootstrap/4.1.3/css/bootstrap-grid.min.css">
    <link rel="stylesheet" type="text/css" href="{{asset('org/home/css')}}/index.css">
    <link rel="stylesheet" type="text/css" href="{{asset('org/home/css')}}/ziy.css">
    {{--<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>--}}
    {{--<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.16/vue.min.js"></script>--}}
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <script src="https://cdn.bootcss.com/sweetalert/2.1.2/sweetalert.min.js"></script>
    @include('layouts._hdjs')
</head>
<body>
@include('layouts._message')
<!--dengl-->
<div class="yiny">
    <div class="beij_center">
        <div class="dengl_logo">
            <a href="/"><img src="{{asset('org/home/images')}}/logo.jpg" style="width: 250px;margin-top: -35px"></a>
            <h1>欢迎注册</h1>
        </div>
    </div>
</div>
<div class="beij_center">
    <div class="ger_zhuc_beij">
        <div class="ger_zhuc_biaot">
            <ul>
                <li class="ger_border_color"><a href="javascript:;">个人注册</a></li>
                <i>丨</i>
                <li><a href="javascript:;">申请会员</a></li>
                <p>已经注册，现在就<a class="ftx-05 ml10"  href="{{route('home.login')}}">登录</a></p>
            </ul>
        </div>
        <form action="{{route('home.register')}}" method="post">
            @csrf
            <div class="zhuc_biaod">
                <div class="reg-items" >
              	<span class="reg-label">
                	<label for="J_Name">用户名：</label>
              	</span>
                    <input   class="i-text" type="text" name="name" value="{{old('name')}}">
                </div>
                <div class="reg-items" >
              	<span class="reg-label">
                	<label for="J_Name">昵称：</label>
              	</span>
                    <input  class="i-text" type="text" name="nickname" value="{{old('nickname')}}">
                </div>
                {{--<div class="reg-items">--}}
                    {{--<span class="reg-label">--}}
                	  {{--<label for="J_Name">用户头像：</label>--}}
              	    {{--</span>--}}
                    {{--<span class="reg-label"  style="margin-left: 80px;">--}}
                        {{--<button onclick="upImagePc(this)" class="btn btn-default" type="button" style="height: 30px">--}}
                            {{--选择图片--}}
                        {{--</button>--}}
                    {{--</span>--}}
                    {{--<div id="box">--}}
                        {{--<img src="" class="img-responsive img-thumbnail" width="150">--}}
                        {{--<em class="close" style="position: absolute;top: 3px;right: 8px;" title="删除这张图片"--}}
                            {{--onclick="removeImg(this)">×</em>--}}
                    {{--</div>--}}
                {{--</div>--}}
                <div class="reg-items">
                    <span class="reg-label">
                	  <label for="J_Name">性别：</label>
              	    </span>
                    <span class="reg-label" style="margin-left: 150px">
                        <input type="radio" name="sex" class="jdradio" value="男" checked>
                        <label class="mr10">男</label>
                        <input type="radio" name="sex" class="jdradio" value="女">
                        <label class="mr10">女</label>
                        <input type="radio" name="sex" class="jdradio" value="保密">
                        <label class="mr10">保密</label>
                    </span>
                </div>
                <div class="reg-items" >
                    <span class="reg-label">
                        <label for="J_Name">密码：</label>
                    </span>
                    <input class="i-text" type="password" name="password" value="{{old('password')}}">
                </div>
                <div class="reg-items" >
              	<span class="reg-label">
                	<label for="J_Name">确认密码：</label>
              	</span>
                    <input class="i-text" type="password" name="password_confirmation" value="{{old('password_confirmatio')}}">
                </div>
                <div class="reg-items" >
              	<span class="reg-label">
                	<label for="J_Name">邮箱：</label>
              	</span>
                    <input class="i-text" type="email" name="email" value="{{old('email')}}">
                </div>
                <div class="reg-items" >
              	<span class="reg-label">
                	<label for="J_Name">详细地址：</label>
              	</span>
                    <input class="i-text" type="text" name="address" value="{{old('address')}}">
                </div>
                <div class="reg-items" >
              	<span class="reg-label">
                	<label for="J_Name">联系方式：</label>
              	</span>
                    <input class="i-text" type="text" name="phone" value="{{old('phone')}}">
                </div>
                <div class="reg-items" >
              	<span class="reg-label">
                	<label for="J_Name">验证码：</label>
              	</span>
                    <input class="i-text i-short" type="text" name="code" value="{{old('code')}}">
                    <div class="check check-border" style="position:relative;left:0">
                        <a class="check-phone" style="padding:11px 10px 14px 10px;*line-height:60px;" id="cod" onclick="send()">获取邮箱验证码</a>
                    </div>
                </div>

                <script>
                    function send(){
                        $.post("{{route('common.code.send')}}",{
                            username:$('input[name="email"]').val()
                        },function (response) {
                            if(response.code==0){
                                swal({
                                    text: response.message,
                                    icon: "success",
                                    button:false
                                });
                            }else{
                                swal({
                                    text: response.message,
                                    icon: "warning",
                                    button:false
                                });
                            }
                        })
                    }


                    // 发送邮箱验证码
                    {{--require(['hdjs','bootstrap'], function (hdjs) {--}}
                        {{--let option = {--}}
                            {{--//按钮--}}
                            {{--el: '#cod',--}}
                            {{--//后台链接--}}
                            {{--url: "{{route('common.code.send')}}",--}}
                            {{--//验证码等待发送时间--}}
                            {{--timeout:"30",--}}
                            {{--//表单，手机号或邮箱的INPUT表单--}}
                            {{--input: '[name="email"]',--}}
                            {{--// success:function (res) {--}}
                            {{--//     if (res.data.code==606){--}}
                            {{--//         hdjs.swal({--}}
                            {{--//             text: res.data.message,--}}
                            {{--//             button: false,--}}
                            {{--//             icon: 'success'--}}
                            {{--//         });--}}
                            {{--//     }--}}
                            {{--// }--}}
                        {{--};--}}
                        {{--hdjs.validCode(option);--}}
                    {{--})--}}

                    // require(['hdjs','bootstrap']);
                    // //上传图片
                    // function upImagePc() {
                    //     require(['hdjs'], function (hdjs) {
                    //         var options = {
                    //             multiple: false,//是否允许多图上传
                    //             //data是向后台服务器提交的POST数据
                    //             data: {name: '后盾人', year: 2099},
                    //         };
                    //         hdjs.image(function (images) {
                    //             //上传成功的图片，数组类型
                    //             $("[name='url']").val(images[0]);
                    //             $(".img-thumbnail").attr('src', images[0]);
                    //         }, options)
                    //     });
                    // }
                </script>

                <div class="reg-items" >
              	<span class="reg-label">
                	<label for="J_Name"> </label>
              	</span>
                    <input class="reg-btn" value="立即注册" type="submit">
                </div>
            </div>
        </form>
        <div class="xiaogg">
            <img src="{{asset('org/home/images')}}/cdsgfd.jpg">
        </div>
    </div>
</div>
</body>
</html>
